require("../css/my.less")
//文档加载完毕
document.ready( function(){
    //页脚导航
    window.$utils.footMenubar("my")

    let userImg=document.querySelector("#userImg")
    let headPortrait=document.querySelector("#headPortrait")  //图片
    let changeFile=document.querySelector("#changeFile") //改图片
    let usName=document.querySelector("#usName")    //昵称
    let SignaTure=document.querySelector("#SignaTure")    //个性签名



    userImg.addEventListener("click",function(e){
        //阻止默认事件
            e.preventDefault()
            changeFile.click()

   }) 


//逻辑:将所选的图片  先传到服务器  再用返回的服务器图片地址来改图像  仅仅这样网页一刷新就没了
//所以在页面刷新时 就发送请求 根据返回内容刷新个人信息 没有的部分给个默认的
//后台不给力,传了图片没有 更新我的信息 ,还要自己来更新后台的数据   
//每次上传成功  时就修改
   
  // 上传修改图片   
   changeFile.addEventListener("change",function(){
       console.log(this.files);
       let file=this.files[0]   //获取到选取图片的文件名
       let fd=new FormData()    //创建 空对象
       fd.append("imgurl",file)   //添加内容

        axios.post(window.$utils.BMSE_URL+"/users/upload",fd)
        .then(function(res){
            let red=res.data
            console.log(red);
            if(red.status==0){
                headPortrait.src=window.$utils.BMSE_URL+red.data
                axios.post(window.$utils.BMSE_URL+"/users/userEdit",{
                    userId:userId,
                    imgurl:red.data
                })
                .then(function(res){
                    console.log(res);
                }).catch(function(error){
                    console.log(error);
                })
            }
        })
        .catch(function(error){
            console.log(error);
        })

   })

//刷新信息
let userId=JSON.parse(window.localStorage.getItem("user")).userId
   function getNewifmtion(){
        axios.get(window.$utils.BMSE_URL+`/users/accountinfo?userId=${userId}`)
        .then(function(res){
            let red=res.data
            console.log(red);
            if(red.status==0){
                headPortrait.src=red.data.imgurl? window.$utils.BMSE_URL+red.data.imgurl:require("../img/headerPic.jpg")
                usName.textContent=red.data.nickname
                SignaTure.textContent= red.data.sign? red.data.sign:"这个人很懒,没有任何签名"


            }
        })
        .catch(function(error){
            console.log(error);
        })


   }
   getNewifmtion()


})